<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <script src="../zepto.min.js"></script>
    <title>serialize</title>
</head>
<body>
<form id="upload-form" action="" method="post" enctype="multipart/form-data" target="hidden_frame">
    <input name="file" type="file">
    <input  type="text" name="name"  id="name" placeholder="name" >
    <textarea style="color: #aeaeae" name="commentContent" id="complaincon" cols="30" rows="4" maxlength="250"
              onFocus="if (value =='说说你对它的想法和使用心得吧~'){value ='';this.style.color='#363636'}"
              onBlur="if (value ==''){value='说说你对它的想法和使用心得吧~';this.style.color='#aeaeae'}">说说你对它的想法和使用心得吧~</textarea>
    <div><a href="javascript:void(0)"  onclick="submits()">  提 交 </a></div>

    <div  style="height:200px ; word-wrap:break-word;word-break:break-all;">
<ul class="warp"></ul>
    </div>
</form>
<script>

        function submits(){
            var a=""
            try{
                if(!checkContext()){
                    return;
                }
            }catch (e) {
                a+="!checkContext()出错了"
            }


            try{
                a+= $("#upload-form").serialize()
                alert(a)
            }catch (e) {
               a+="对serialize()不支持"
            }
          // var a= $("#upload-form").serialize()
            $('.warp').append("<li>"+a+"</li>")
        }
        function checkContext(){
            var col = $("#complaincon").css("color");
            if(col == 'rgb(174, 174, 174)'){
                $("#complaincon").text("");
                return true;
            }
            var str = $("#complaincon").val();
            // var reg= /^([\u4e00-\u9fa5_A-Za-z0-9\\n\\r \\`\\~\\!\\@\\#\\$\\^\\&\*\(\)\=\{\}\'\:\;\'\,[\]\.\/\?\~\！\@\#\￥\…\…\&\*\（\）\;\—\|\{\}\【\】\‘\；\：\”\“\'\。\，\、\？])+$/;
            //增加换行符 空格符
            var reg= /^([\u4e00-\u9fa5_A-Za-z0-9_\u0020\\n\\r\\t\\f\\`\\~\\!\\@\\#\\$\\^\\&\*\(\)\=\{\}\'\:\;\'\,[\]\n\r\t\f\.\/\?\~\！\@\#\￥\…\…\&\*\（\）\;\—\|\{\}\【\】\‘\；\：\”\“\'\。\，\、\？])+$/;
            //内容长度最多250
            if(str.trim().length>250) {
                errorTip("评论内容不可超过250个字!");
                $("#commTip").addClass("err");
                return false;
            }
            if(!reg.test(str)){
                errorTip("不能包含特殊字符");
                $("#commTip").addClass("err");
                return false;
            }

            return true;
        }
</script>
</body>
</html>
